<!--
    Desenvolvido pela Fábrica de Software do CESUPA.
    Todos os direitos reservados.

    @author Breno Leite
-->

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:appcommons="http://www.fabsoft.cesupa.br/appcommons">

    <ui:composition template="/infrastructure/templates/light-template.xhtml">
        <ui:param name="pagetitle" value="Serviço indisponível"/>

        <ui:define name="pagestyle">
            h2{
            padding:6px 0 6px 0;
            letter-spacing:1px;
            color:blue;
            }

            div#content img{
            float:left;
            margin:0 15px 15px 0;
            }

            .error-main-area{
            background-color:#F3F3F3;
            margin:5px;
            border:solid 1px #B1B1B1;
            padding-left:60px;
            }

            td.first-column, td.second-column{
            vertical-align:top;
            line-height:150%;
            }

            td.first-column{
            width:70%;
            border-right:dotted 1px black;
            }

            td.second-column{
            width:30%;
            padding-left:5px;
            }
        </ui:define>

        <ui:define name="content">
            <table border="0" style="width:100%;">
                <tr>
                    <td class="first-column">
                        <h2>Orientações sobre serviço indisponível:</h2><br />
                        <h:graphicImage url="/infrastructure/images/icons/warning-48x48.gif"
                                        alt="authentication icon" style="padding:5px 0 0 5px;"/>
                        <div class="error-main-area">
                            <h2>Você tentou acessar:</h2><br />
                            <p style="font-weight:bold;font-size:normal;width:100%;">
                                <script type="text/javascript" language="Javascript">
                                    document.write(location.href);
                                </script>
                            </p>
                            <br />

                            <h2>O servidor está com dificuldades para processar sua requisição.</h2><br />
                            <p>
                                O problema pode ter sido ocasionado por algum dos fatores abaixo:
                            <ul>
                                <li>
                                    O serviço está sobrecarregado;
                                </li>
                                <li>
                                    O servidor está fora do ar;
                                </li>
                            </ul>
                            </p>
                        </div>
                    </td>
                    <td class="second-column">
                        <h:graphicImage url="/infrastructure/images/icons/idea-48x48.gif"
                                        alt="ideas"/>
                        <h2>Soluções</h2>
                        <br /><br />
                        <div >
                            <h:form>
                                <ul>
                                    <li>
                                        <a href="#" onclick="goToPreviousPage()">
                                            Acesso novamente
                                        </a> dentro de alguns segundos;
                                    </li>
                                    <li>
                                        Contate o administrador do sistema e informe o ocorrido;
                                    </li>
                                </ul>
                            </h:form>
                            <br /><br />
                        </div>
                    </td>
                </tr>
            </table>
        </ui:define>
    </ui:composition>
</html>